<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
      
    <title>登录</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="<%=basePath%>/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="<%=basePath%>/css/public.css" media="all" />
	
	
	  <script type="text/javascript" src="<%=basePath%>/layui/layui.js"></script>
	  <script type="text/javascript" src="<%=basePath%>/js/login.js"></script>
	  <script>
			layui.use(['form', 'layedit', 'laydate'], function() {
				var form = layui.form(),
					layer = layui.layer,
					layedit = layui.layedit,
					laydate = layui.laydate;
				});
		</script>
	  <%-- <script>
			layui.use(['layer', 'form'], function() {
				var layer = layui.layer,
					$ = layui.jquery,
					form = layui.form();
				form.on('submit(login)',function(data){
					location.href='<%=path %>/sys/Login_login.action';
					console.log(data.field);
					return false;
				});
				/* //监听提交
				  form.on('submit(login)', function(data){
				    layer.alert(JSON.stringify(data.field), {
				      title: '最终的提交信息'
				    })
				    return false;
				  }); */
				/* form.verify({
					  userName: function(value, item){ //value：表单的值、item：表单的DOM对象
					    if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
					      return '用户名不能有特殊字符';
					    }
					    if(/(^\_)|(\__)|(\_+$)/.test(value)){
					      return '用户名首尾不能出现下划线\'_\'';
					    }
					    if(/^\d+\d+\d$/.test(value)){
					      return '用户名不能全为数字';
					    }
					  }
					  
					  //我们既支持上述函数式的方式，也支持下述数组的形式
					  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
					  ,pass: [
					    /^[\S]{6,12}$/
					    ,'密码必须6到12位，且不能出现空格'
					  ] 
					});     */  
			});
		</script>    --%>
	<!-- 	<script type="text/javascript">

		

		var x=document.getElementById("frm1");

		for (var i=0;i<x.length;i++)

		{

		document.write(x.elements[i].value);

		document.write("<br>");

		}

		</script> -->
  </head>
<body class="loginBody">
<form name="layui-form" action="<%=path %>/sys/Login_login.action" class="layui-form" method="post">
				<div class="login_face"><img src="<%=path %>/images/face.jpg" class="userAvatar"></div>
					<div class="layui-form-item input-item">
						<label class="beg-login-icon">
                        <i class="layui-icon">&#xe612;</i>
                    </label>
						<input type="text" name="userNo" lay-verify="userNo" autocomplete="off" value="admin" placeholder="这里输入登录名" class="layui-input">
					</div>
					<div class="layui-form-item input-item">
						<label class="beg-login-icon">
                        <i class="layui-icon">&#xe642;</i>
                    </label>
						<input type="password" name="userPassword" lay-verify="password" autocomplete="off" value="admin" placeholder="这里输入密码" class="layui-input">
					</div>
					<div class="layui-form-item input-item">
						<div class="beg-pull-left">
					    <label>没有账号？</label>
						<a href="<%= basePath%>/reg/Registration_openRegistrationWeb.action" class="layui-btn layui-btn-primary"> <i class="layui-icon">&#xe650;</i>注册</a>
						</div>
						<div class="beg-pull-right">
						<button class="layui-btn layui-block" lay-filter="login" lay-submit>
                            <i class="layui-icon">&#xe650;</i> 登录
                        </button>
                        </div>
					</div>
						
		    <div class="layui-form-item layui-row">
			<a href="javascript:;" class="seraph icon-qq layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
			<a href="javascript:;" class="seraph icon-wechat layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
			<a href="javascript:;" class="seraph icon-sina layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
		</div>
</form>
	</body>
</html>